<template>
  <div class="mynav">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item v-for="(item,index) in titlearr"
                          :key="index"
                          :to="{ name:item.name }">{{item.text}}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<script>
export default {
  name: "pageNav",
  props: ["titlearr"]
}
</script>
<style lang="less" scoped>
.mynav {
  width: 80%;
  margin: 20px auto;
  background: white;
  .el-breadcrumb {
    font-size: 30px;
  }
}
</style>